// base color
@import './color.scss';


// sidebar默认主题设置
$menuText:rgba(255,255,255,0.6);
$menuActiveChildrenText:#fff;
$menuActiveText:$theme;
$menuActiveTextOnly:$menu_active_text_only;
$subMenuActiveText:#fff; 

$menuBg:$menu_root_bg;
$menuHover:$menu_item_hover;

$subMenuBg:$menu_root_bg;
$subMenuHover:$menu_item_hover;

$menuActiveBg:$menu_level_bg;
//logo主题样式
$logoBg: $menu_root_bg;
$logoText:$theme;
$logoBorderColor:$logoBg;
$sideBarBorderColor:transparent;
$sideBarTopborder: transparent;
$singleSidebarBorder:transparent;



$type: default;  //切换default或者白色
@if $type != default {
    //sidebar白色底色主题设置
      $menuText:$menu_text;
      $menuActiveChildrenText:$sub_menu_active_text; 
      $menuActiveText:$theme;
      $menuActiveTextOnly:$theme;
      $subMenuActiveText:$sub_menu_active_text; 
      
      $menuBg:#fff;
      $menuHover:rgba(64,158,255,0.1);
      
      $subMenuBg:#fff;
      $subMenuHover:rgba(64,158,255,0.1);
      
      $menuActiveBg:$theme_light;
      //logo主题样式
      $logoBg: #fff;
      $logoText:$theme;
      $logoBorderColor:#F2F6FC;
      $sideBarBorderColor:#F2F6FC;
      $sideBarTopborder: #F2F6FC;
      $singleSidebarBorder:#F3F3F3;
} 

$sideBarWidth:208px;
$topBarBg:#fff;
// the :export directive is the magic sauce for webpack
:export {
  menuText: $menuText;
  menuActiveText: $menuActiveText;
  subMenuActiveText: $subMenuActiveText;
  menuBg: $menuBg;
  menuHover: $menuHover;
  subMenuBg: $subMenuBg;
  subMenuHover: $subMenuHover;
  sideBarWidth: $sideBarWidth;
  theme : $theme;
}
